/*=====top start=====*/
.top{
    width:100%;
    height:65px;
    background: #0e0e0e;
}
.top .top-con{
    width:1200px;
    height:100%;
    background: #0e0e0e;
    margin:0 auto;
    color:white;
}
.top .top-con .logo{
    height:100%;
    width:238px;
    background: url("https://www.python.org/static/img/python-logo.png") no-repeat 0 -6px;
    float:left;
    margin-right:60px;
}
.top .top-con .menu li{
    float:left;
    margin-left:20px;
    line-height: 65px;
    height:65px;
    box-sizing:border-box;/*下划线在盒子内部*/
}
.top .top-con .menu li.show{
    border-bottom: 3px solid rebeccapurple;
    background: #000000;
}
.top .top-con .menu li:hover{
    border-bottom: 3px solid rebeccapurple;
    background: #000000;
}
.top .top-con .menu li a{
    color:white;
    display: inline-block;
    height:65px;
    width:80px;
    text-align:center;
}
.top .top-con .reg-log{
    float:right;
    height:65px;
    line-height: 65px;
}
.top .top-con .reg-log a{
    color:white;
}
.top .top-con .reg-log i{
    font-size:30px;
}
/*=====top end=====*/
/*=====middle start=====*/
.middle{
    width:100%;
    height:800px;
    background: antiquewhite;
}
.middle .content{
    width: 1200px;
    height:100%;
    background: #5d5dca;
    margin: 0 auto;
}
/*=====middle end=====*/
/*=====bottom-top start=====*/
.bottom-top{
    width:100%;
    height:120px;
    background: gray;
}
.bottom-top .bot-top-con{
    width: 1200px;
    height:100%;
    background: paleturquoise;
    margin: 0 auto;
}
/*=====bottom-top end=====*/
/*=====bottom start=====*/
.bottom{
    width:100%;
    height:60px;
    background: #0e0e0e;
}
.bottom .bot-con{
    width: 1200px;
    height:100%;
    background: palegreen;
    margin: 0 auto;
}
/*=====bottom end=====*/
